<!DOCTYPE html>
<html class="bg-black">
<head>
    <meta charset="UTF-8">
    <title>Task Management | Log in</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body class="bg-black">

<div class="form-box" id="login-box">
    <div class="header">Sign In</div>
    <?php if(isset($error_message)):?>
        <div class="alert alert-error"><?php echo $error_message?></div>
    <?php endif?>
    <?php echo $this->Form->create('Account', ['url'=>['controller' => 'Accounts', 'action' => 'login']]);
    if($this->Session->flash('auth')!= null):
        echo '<div class="alert alert-error">'.$this->Session->flash('auth').'</div>';
    endif;
    ?>
        <div class="body bg-gray">
            <div class="form-group">
                <?= $this->Form->input('username', ['class'=>'form-control','label'=>false, 'placeholder'=>'Username', 'type'=>'text', 'autofocus'])?>
            </div>
            <div class="form-group">
                <?= $this->Form->input('password', ['class'=>'form-control','type'=>'password','label'=>false, 'placeholder'=>'Password'])?>
            </div>
            <div class="form-group">
                <input type="checkbox" name="remember"/> Remember me
            </div>
        </div>
        <div class="footer">
            <?= $this->Form->submit('Sign me in' ,['class'=>'btn bg-olive btn-block']); ?>

            <p><a href="#">I forgot my password</a></p>

            <a href="register.html" class="text-center">Register a new membership</a>
        </div>
    <?php
    echo $this->Form->end()
    ?>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>

</body>
</html>